body{background:#e4e4e4;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.clr{clear:both;}
.wrapper{ margin:0 auto; width:1000px; background:#abcdef;}
ul li{list-style:none;}
/** HEADER ==============================================================================*/
.header{width:100%; background:#e3e3e3; height:260px;}
.banner{width:100%; height:200px; background:#dedede;}

.top-menu{width:100%; height:60px; background:#e2e2e2;}
.block-topmenu{float:left; width: 100%; background:url(../images/bg_nav.png) top left repeat-x; height:60px;}
.block-topmenu > ul{float:left; width:100%; height:30px; line-height:30px; background:url(../images/bg_nav.png) top left repeat-x; margin:0; padding:0; }
.block-topmenu ul > li:hover{background:url(../images/bg_nav.png) bottom left repeat-x; position:relative;}
.block-topmenu ul li{float:left; display:inline; }
.block-topmenu ul li ul{display:none; position:absolute; top:30px; left:0; width:960px; height:30px;}
.block-topmenu ul > li:hover ul{display:block; margin-left:-40px;}
.block-topmenu ul li ul li{float:left; display:inline;}
.block-topmenu ul li ul li a{color:#ddd;}
.block-topmenu ul li a{padding:0 10px; margin:0; text-decoration: none; color: #c6ddde;}
.block-topmenu ul li a:hover ul{}
.block-topmenu ul li a:hover{color: white;/* background:url(../img/bg_nav.png) bottom left repeat-x;*/}
/**=====================================================================================*/

.main-contain{  width:100%; height:auto; margin:10px 0;}
/*  FEATURED ***************************************************************************/
.featured{ width:960px;height:465px; position:relative;background:#fff; -moz-border-radius:10px; padding:30px 20px 0 20px;}
.featured .ribbon{position:absolute; top:0;left:0; z-index:10;}
.featured ul.ui-tabs-nav{ position:absolute; top:30px; right:20px; list-style:none; padding:0; margin:0;padding:0; width:360px; border:1px solid #cecece; -moz-border-radius:5px; -webkit-border-radius:5px; }
.featured ul.ui-tabs-nav li{ padding:5px;font-size:12px; color:#666; border-bottom:1px solid #e4e4e4; float:left; width:350px; }
.featured ul.ui-tabs-nav li.last{border-bottom:none;}
.featured ul.ui-tabs-nav li img{ float:left; margin:2px 5px; background:#fff; padding:5px; border:1px solid #e4e4e4; width:60px; height:60px;}
.featured ul.ui-tabs-nav li .info h2{margin:0; padding:0;}
.featured ul.ui-tabs-nav li .info h2 a{color:#de3434; font-size:13px;}
.featured li.ui-tabs-nav-item a{color:#333;line-height:20px;}
.featured li.ui-tabs-nav-item a:hover{ background:#f2f2f2;}
.featured li.ui-tabs-selected{ background:#e4e4e4; }
.featured ul.ui-tabs-nav li.ui-tabs-selected a{}
.featured .ui-tabs-panel{ background:#fff; float:left;}
.featured .ui-tabs-panel .img_featured{border:1px solid #e4e4e4;width:576px; height:183px; padding:5px; background:#fff; position:absolute; top:30px; left:20px;}
.featured .ui-tabs-panel .img_featured img{ width:566px; height:173px;}
.featured .ui-tabs-panel .info{ position:absolute; width:585px; top:240px; border-top:1px solid #e4e4e4; left:20px; background:#fff; color:#222; padding-top:10px; }
.featured .ui-tabs-panel .info .date-auth label{}
.featured .ui-tabs-panel .info .date-auth span{margin-left:10px; font-weight:bold; color:#de4949;}
.featured .ui-tabs-panel .info h2{text-align:center; font-size:18px; font-family:Georgia, serif; padding:5px; margin:0; overflow:hidden; }
.featured .ui-tabs-panel .info h2 a{color:#db9191;}
.featured .ui-tabs-panel .info h2 a:hover{ text-decoration:none; color:#444;}
.featured .ui-tabs-panel .info p{ margin:0 5px; font-family:Verdana; font-size:11px; line-height:15px;}
.featured .ui-tabs-panel .readmore{text-align:right;}
.featured .ui-tabs-panel .readmore a{background:url(../images/feat-more-link.png) center left no-repeat; padding-left:15px; color:#cd6767;}
.featured .info a{ text-decoration:none;}
.featured .info a:hover{ text-decoration:underline; }
.featured .ui-tabs-hide{ display:none; }

.main-content{float:left; width:580px; height:auto; background:#e4e4e4; margin-right:10px;}
.main-right{float:right; width:200px; height:auto; background:#dedede;}

/*FOOTER********************************************************************************/
.footer{width:100%;background:#ffccff;}
.footer .bottom-menu{width:100%;text-align:center;}
.footer .bottom-menu ul li{display:inline;}
.footer .bottom-menu ul li a{padding:5px 10px; color:#333;}
.footer .bottom-menu ul li a:hover{color:#222;}
.footer .copy-right{width:100%; margin-top:10px; text-align:center;}

